<template>
  <a-menu
    theme="dark"
    mode="inline"
    :selected-keys="selectedKeys"
    :open-keys="openKeys"
    @click="onMenuClick"
    @openChange="onOpenChange"
  >
    <a-menu-item key="/monitor/compared">
      <a-icon type="stock" />
      <span>综合对比</span>
    </a-menu-item>
    <a-menu-item key="/monitor/warning">
      <a-icon type="alert" />
      <span>预警监控</span>
    </a-menu-item>
    <a-menu-item key="/monitor/fault">
      <a-icon type="fire" />
      <span>故障监控</span>
    </a-menu-item>
    <a-menu-item key="/monitor/security">
      <a-icon type="safety-certificate" />
      <span>安全监控</span>
    </a-menu-item>
  </a-menu>
</template>
<script lang="ts">
import { Component, Mixins } from 'vue-property-decorator'

import MenuBarMixin from './menu-bar.mixin'

@Component
export default class MonitorMenu extends Mixins(MenuBarMixin) {
}
</script>
